<template>
  <div>
    <div class="mb-5">
      <base-table :base-info="baseInfo"></base-table>
    </div>

    <view-table
      title="股东信息"
      api-view="getDetailBaseStockinfo"
      api-res-key="stockInfo"
      :usci="usci"
      :columns="shareholderColumn"
    ></view-table>

    <view-table
      title="公司董监高等重要人员信息"
      api-view="getDetailBaseMainpersoninfo"
      api-res-key="mainPersonInfo"
      :usci="usci"
      :columns="directorColumn"
    ></view-table>

    <view-table
      title="股权变更信息"
      api-view="getDetailBaseStockchangeinfo"
      api-res-key="stockChangeInfo"
      :usci="usci"
      :columns="stockChangeColumn"
    ></view-table>

    <view-table
      title="工商变更记录"
      api-view="getDetailBaseBuschangeinfo"
      api-res-key="busChangeInfo"
      :usci="usci"
      :columns="busChangeColumn"
    ></view-table>
  </div>
</template>

<script>
import ViewTable from '@/credit/views/county/finance/components/ViewTable.vue'
import BaseTable from '@/credit/views/county/finance/components/BaseTable.vue'

export default {
  components: {
    ViewTable,
    BaseTable,
  },
  props: {
    baseInfo: {
      type: Object,
      default: () => ({}),
    },
  },
  data() {
    return {
      shareholderColumn: [
        { label: '序号', prop: 'order_num' },
        { label: '股东名称', prop: 'GDMC' },
        { label: '认缴出资额（万元）', prop: 'RJCZE' },
        { label: '认缴出资比例（%）', prop: 'RJCZBLBFBXS' },
        { label: '实缴出资额（万元）', prop: 'SJCZE' },
      ],
      directorColumn: [
        { label: '序号', prop: 'order_num' },
        { label: '姓名', prop: 'XM' },
        { label: '职务', prop: 'ZW' },
        { label: '证件号码', prop: 'ZJHM' },
        { label: '联系方式', prop: 'LXFS' },
        { label: '任职起始日期', prop: 'RZQSRQ' },
        { label: '任职截止日期', prop: 'RZJZRQ' },
      ],
      stockChangeColumn: [
        { label: '序号', prop: 'order_num' },
        { label: '股东名称', prop: 'GDMC' },
        { label: '转让前股权比例（%）', prop: 'ZRQGQBL' },
        { label: '转让后股权比例（%）', prop: 'ZRHGQBL' },
        { label: '股权变更日期', prop: 'GQBGRQ' },
      ],
      busChangeColumn: [
        { label: '序号', prop: 'order_num' },
        { label: '变更事项', prop: 'BGSX' },
        { label: '变更时间', prop: 'BGSJ' },
        { label: '变更前', prop: 'BGQ' },
        { label: '变更后', prop: 'BGH' },
      ],
    }
  },
  computed: {
    usci() {
      return this.baseInfo.TYSHXYDM
    },
  },
  watch: {},
  created() {},
  mounted() {},
  methods: {},
}
</script>

<style lang="scss" scoped></style>
